// 图标配置
import React from "react"
import { useSelector } from 'react-redux';
const Icon = React.memo(function Icon(porps) {
    const reduxData = useSelector(state => {
        return state.Appearance
    })
    // let colors = porps.colors
    // setColors(porps.colors)

    return (
        <span
            style={{ color: porps.color ? porps.color : (reduxData.theme != 'light' ? '#ffffff' : '#000000') }}
            className={`iconfont ${porps.icon} ${porps.size || 'size-18'}`}
        ></span>
    )
})
export default Icon;


